<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="/js/vue.js"></script>
</head>
<body>
    <div id="app">
        <div>{{msg}}</div>
        <!-- {{}} 插值表达式 
                    将数据填充到HTML标签中
                    插值表达式支持基本的计算操作
        -->
        <div>{{1+2}}</div>
        <div>{{msg + '...............'+123}}</div>
    </div>
    <script>
        /*
        vue的基本使用
        1.需要提供标签用于填充数据
        2.引入vue.js文件
        3.使用vue语法做功能
        4.将vue提供的数据填充到标签里面
        */
       var vm = new Vue({
           //el 元素的挂载位置（值可以是css选择器或者DOM元素）
           el:'#app',
           //data：模型数据（值是一个对象）
           data:{
                msg:'hello Vue'
           }
       })
    </script>
</body>
</html>